﻿#{location}
<style>
#postsWarp {border:1px #ccc solid; width:95%; margin:auto; margin-top:20px; margin-bottom:30px;}
#postsTitle {border-bottom:1px #ccc solid; padding:8px 15px 8px 30px; background:#eee;}
.currentTitle {font-weight:bold; font-size:14px;}
#postsTitle a {margin-right:10px; font-size:14px;}

.postList {width:98%; margin:auto; margin-top:5px;}
.postList td { padding-left:5px;border:0px; border-bottom:1px #ccc solid;}

.psHeader td{padding:10px 5px;}

td.postTitle div {max-width:600px;_width:600px; text-overflow: ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;overflow: hidden; font-size:14px;}
.psTime {color:#666;}

.pageWrap {margin:auto; margin-top:10px; margin-bottom:10px; width:95%;}

.currentLink {font-weight:bold; color:#e56f04}
</style>


<div id="postsWarp">

    <div id="postsTitle">
        <a href="#{lnkPost}" rel="nofollow">:{newPosts}</a>
        <a href="#{lnkTopic}">:{newTopic}</a>
        <a href="#{lnkPicked}">:{picked}</a>
        <a href="#{lnkReplies}">:{rankByReplies}</a>
        <a href="#{lnkViews}">:{rankByViews}</a>
        <a href="#{lnkPickedImg}">:{pickedImg}</a>
        <a href="#{lnkMyPost}" rel="nofollow">:{myPosts}</a>
        <a href="#{lnkMyTopic}" rel="nofollow">:{myTopics}</a>
    </div>
    
    #{layout_content}

</div>

<script>

_run(function () {
	var currentUrl = wojilu.str.trimHost( window.location.href );
    currentUrl = wojilu.str.trimExt( currentUrl );

    $('a', $('#postsTitle')).each( function() {
        var link = $(this).attr( 'href' );
        link = wojilu.str.trimExt( link );
        if( currentUrl.indexOf( link )>=0 ) {
            $(this).addClass( 'currentLink' );
        };
    });

});


</script>
